<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title id="title">修德抄经堂</title>
		<link rel="stylesheet" type="text/css" href="../bower_components/mui/dist/css/mui.css">
		<link rel="stylesheet" type="text/css" href="../css/jingjin.css">	
		<link rel="stylesheet" type="text/css" href="../css/base.css">
		<link rel="stylesheet" type="text/css" href="../css/full.css">
		<link rel="stylesheet" type="text/css" href="../css/cehua.css">
		<script src="../bower_components/mui/dist/js/mui.js"></script>
		<script src="../bower_components/jquery/dist/jquery.js"></script>
	</head>
	<body>
		<div class="page">
			<bg class="bg"><img src="../img/jjbg.png"></bg>
			<div class="content">
			    <a href="#">
			    	<div class="sousuo">
				    	<span><img src="../img/bore/search.png" class="cover"></span>
				    	<span>输入经书名称或关键字</span>
				    </div>
			    </a>
			    <div class="main">
			    	<div class="left">
			    		<p class="same">精<br/>进</p>
			    		<img src="../img/jingjin.png">
			    	</div>
			    	<div class="right">
			    		<div class="bor_t_b"><p id="ceshi" class="same color" style="height: 30px;"><!--《心经》王羲之行书线装本--></p></div>
			    		<div class="shuoming" style="height: 45px;">
			    			<!--<p class="p_l">2017.04.05发愿<br>本经共990字 </p>
			    			<p class="p_r">2017.05.05完成<br>已抄写990字</p>-->
			    		</div>
			    		<div class="fayuanwen">
			    			<p class="p_t color same">发愿文</p>
			    			<p class="p_zw color fang" style="height: 100px;"><!--愿过去佛，现在佛，未来佛，常说般若波罗蜜；愿一切受持者，比丘尼、信男、信女，所求如意，常行般若波罗蜜--></p>
			    		</div>
			    		<div class="tongxiu">
			    			<p class="p_t color same">同修人</p>
			    			<div id="gundong">
			    				<img class="tishi_img" src="../img/benxin/next.png">
			    				<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			    				    <div class="mui-scroll">
			    				    	<!--<a href="tongxiu.html">
			    				        <span class="mui-control-item mui-active">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>
			    				        <a href="tongxiu.html">
			    				        <span class="mui-control-item">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>
			    				        <a href="tongxiu.html">
			    				        <span class="mui-control-item">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>
			    				        <a href="tongxiu.html">
			    				        <span class="mui-control-item">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>
			    				        <a href="tongxiu.html">
			    				        <span class="mui-control-item">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>
			    				        <a href="tongxiu.html">
			    				        <span class="mui-control-item">
			    				            <img src="../img/benxin/tongxiuren.jpg">
			    				        </span></a>-->
			    				    </div>
			    				</div>
			    			</div>
			    		</div>
			    	</div>
			    </div>
			</div>
			<!--
            	滚动区域
            -->
		    <div id="scroll" style="height: 121px;">
		    	<ul class="tab">
		    		<li class="sel fang">未抄完</li>
		    		<li class="fang">已抄完</li>
		    		<li class="fang">同修中</li>
		    	</ul>
		    	<img class="tishi" src="../img/benxin/next.png">
	    		<div class="tab_div mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="height: 252px;display: block;">
	    		    <div style="height: 125px;" class="mui-scroll">
	    		    	<span class="mui-control-item mui-active">
		    		        <a href="benxin.html">
		    		        	<img src="../img/kong.png">
		    		        </a>
	    		        </span>
	    		        <!--<span class="mui-control-item mui-active">
	    		            <img src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		            <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>-->
	    		    </div>
	    		    <ul class="btn">
		            	<li><a href="chaoxieer.html">
		            		<img src="../img/benxin/write.png">
		            		<p>抄写</p>
		            	</a></li>
		            	<a href="read.html"><li>
		            		<img src="../img/benxin/read.png">
		            		<p>阅读</p>
		            	</li></a>
		            	<a href="#"><li>
		            		<img src="../img/benxin/yaoqing.png">
		            		<p>邀请</p>
		            	</li></a>
		            </ul>
	    		</div>
	    		<div class="tab_div mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="height: 252px;display: none;">
	    		    <div style="height: 125px;" class="mui-scroll">
	    		    	<span class="mui-control-item mui-active">
		    		        <a href="benxin.html">
		    		        	<img src="../img/kong.png">
		    		        </a>
	    		        </span>
	    		        <!--<span class="mui-control-item mui-active">
	    		            <img src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		            <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>-->
	    		    </div>
	    		    <ul class="btn">
		            	<li><a href="chaoxieer.html">
		            		<img src="../img/benxin/wancheng.png">
		            		<p>印刷</p>
		            	</a></li>
		            	<a href="read.html"><li>
		            		<img src="../img/benxin/read.png">
		            		<p>阅读</p>
		            	</li></a>
		            	<a href="#"><li>
		            		<img src="../img/benxin/fenxiang.png">
		            		<p>分享</p>
		            	</li></a>
		            </ul>
	    		</div>
	    		<div class="tab_div mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="height: 252px;display: none;">
	    		    <div style="height: 125px;" class="mui-scroll">
	    		    	<span class="mui-control-item mui-active">
		    		        <a href="benxin.html">
		    		        	<img src="../img/kong.png">
		    		        </a>
	    		        </span>
	    		        <!--<span class="mui-control-item mui-active">
	    		            <img src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		            <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		        <span class="mui-control-item">
	    		           <img class="shuming" src="../img/bore/book.png">
	    		        </span>
	    		    </div>-->
	    		    <ul class="btn">
		            	<li><a href="chaoxieer.html">
		            		<img src="../img/benxin/write2.png">
		            		<p>助抄</p>
		            	</a></li>
		            	<a href="read.html"><li>
		            		<img src="../img/benxin/write.png">
		            		<p>自抄</p>
		            	</li></a>
		            </ul>
	    		</div>
		    </div>
		    
		    <!--
            	三个图标
            -->
            
		</div>
	</body>
	<script>
		$('#scroll .tab li').each(function(i){
			$('#scroll .tab li').eq(i).css('z-index',$('#scroll .tab li').length-i+1);
		})
		$('#scroll .tab li').click(function(){
			var i = $(this).index();
			$('#scroll .tab li').removeClass('sel');
			$('#scroll .tab li').css("z-index",$('#scroll .tab li').length);
			$("#scroll .tab_div").css("display","none");
			$(this).addClass('sel');
			$(this).css("z-index",$('#scroll .tab li').length+1);
			$("#scroll .tab_div").eq(i).css("display","block");
		})
		$('.main .right').width($('.main').width()-$('.main .left').width());
		
		$('#gundong .mui-scroll-wrapper').height($('#gundong .mui-control-item img').height())
		$('#gundong .mui-scroll').height($('#gundong .mui-control-item img').height())
		
		
		
	</script>
	<script>
		mui.init();
		mui('body').on('tap','a',function(){document.location.href=this.href;});  
	</script>
</html>

